<template>
    <div class="box">
      <div class="top">宏烨找房后台管理</div>
      <el-container style="height:80%; border: 1px solid #eee">
      <el-aside width="200px" style="background-color: rgb(169, 219, 229)">
          <el-menu style="background-color: rgb(169, 219, 229);color:#fff;">
              <el-submenu v-for="(item,index) in RouterList"  :key="index"  :index="String(index)">
                  <template slot="title"><i class="el-icon-message"></i><router-link :to="item.path">{{ item.title }}</router-link></template>
              </el-submenu>
          </el-menu>
      </el-aside>
      
      <el-container>
          <router-view></router-view>
      </el-container>
      </el-container>
    </div>
</template>

<script>
import {HomeRouter} from '../../router/index'
export default {
    data() {
      return {
        RouterList:HomeRouter
      }
    },
    methods: {
        handle(item) {
            console.log(1111)
        },
    },
  };
</script>

<style lang="scss">
  html,body,#app{
    width: 100%;
    height: 100%;
  }
  .box{
    width: 100%;
    height: 100%;
    .top{
      width: 100%;
      height: 80px;
      font-size: 30px;
      line-height: 80px;
      background: #0d5e87;
      color: #fff;
    }
  }
    .el-header {
        background-color: #B3C0D1;
        color: #3683db;
        line-height: 60px;
    }
  
  .el-aside {
    color: #333;
  }

  a{
    text-decoration: none;
  }
</style>